@charset "utf-8";

/*------------------------------------*\
    公共部分 

    背景颜色：#ebebeb
    按钮颜色：#fb4748

    主字颜色：#646464
    较浅字颜色：#aaa
    下划线、非焦点字颜色：#d1d1d1
\*------------------------------------*/

body{background: #ebebeb;}
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #646464;
}
input{color: #646464;font-size: 1.6rem;}

/* 去除安卓手机中获取焦点时的背景色 */
i:focus,a:focus,input:focus{ 
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    -webkit-user-modify:read-write-plaintext-only; 
}

#Main
{
    width:100%;
    height:100%;
    text-align:center;
    padding: 0 0 0 0;
}

img.top{width: 100%;}

/* 按钮 */
.btn{ font-size: 2rem;
color: #fff;
text-align: center;border-radius: 5px;border: none;padding: 0.5em; width: 100%;}
.btn:active{background: #000;}
.per45{margin: 0 auto; width: 45%;}
.btn_danger{background: #7690dd;}
.btn_gray{background: #aaa;}
.text-primary {color: #337ab7; }

/* 两个按钮一组 */
.btns_two .btn{width: 45% !important;}
.btns_two .btn:nth-child(1){margin-right: 5%;}

/*------------------------------------*\
    表单型-比如"login.html"
\*------------------------------------*/

.section_common{ }
.list4 li{padding: 1em 15px;border-bottom: 1px #d1d1d1 solid;text-align: left;position: relative;}

/* login中的小列表 */
.list4 li label{ width: 5em;margin-right: 1em;display: inline-block;}
.list4 li input[type="text"]{display: inline-block;border: none; width: 11em;padding: 0;}
.list4 li input#input_yzm{ width: 7em;}
.list4 li img.yzm{display: inline-block; width: 4em;}

.get_yzm{text-decoration: none;background: #a4b8d1; width: 6em;
text-align: center;
border-radius: 5px;display:inline-block;font-size: 1.2rem;
color: #fff;
line-height: 110%;padding: 3px;}

/* my_card中的小列表 */
.section_card{background: #fff;}
.list_card li{ padding: 10px;border-bottom: 1px #d1d1d1 solid;text-align: left;position: relative; padding-left: 10px; -webkit-background-size: 76px auto;
background-color: #fff;
}
background-size: 76px auto; }
.list_card li h1{ font-size: 4rem;}
.list_card li h2{ color: #aaa;}
.list_card li a,.item a{text-decoration: none;}

/* 列表右侧小箭头 */
i.arrow_right{ position: absolute;right: 5%;top: 50%; margin-top: -24px;font-size: 48px;color: #aaa;}
.list_card li.active:after{
    display: block;color: #aaa;position: absolute;
    right: 12%;top: 50%; margin-top: -0.8rem;line-height: 1.6rem;
}

/* 添加银行卡--总体样式使用list1 */
.list_single{padding-left: 0px !important;}
.list_single li{padding-left: 50px !important;}
.list_single i.fa-plus-square-o{font-size: 30px;line-height: 30px;color: #d1d1d1;position: absolute;top: 50%; left: 15px;margin-top: -15px;}

/* 额度积分查询 */
.tit1{padding: 1em 15px;text-align: left;padding-left: 15px;position: relative;}
.tit1 big{font-size: 25px;line-height: 25px;display: block;color: red;margin: -10px auto 0; text-align: left;padding-left: 35px;}
.tit1 .fr{position: absolute;right: 5%;top: 45%;}
.fr select{border: 1px #aaa solid;}

/* 普通列表 */
.list1{ background: #fff;padding-left: 25px;}
.list1 li{padding: 1em 15px 1em 0; border-bottom: 1px #d1d1d1 solid;text-align: left;position: relative;color: #aaa;}
.list1 li a,.list2 li a{text-decoration: none;}

/* 基金列表 */
.list2{ background: #fff;padding-left: 5px;}
.list2 li{height: 70px; border-bottom: 1px #d1d1d1 solid;text-align: left;position: relative;}
.list2 li i.round{ width: 45px; height: 45px;line-height: 45px;margin-top: -22px;font-size: 25px;
border-radius: 50%;background: #3f4857;position: absolute;left: 0%;
top: 50%;color: #fff;text-align: center; font-style: normal;}
.list2 li h2{position: absolute; left: 55px;top: 10px;}
.list2 li .date{font-size: 1.3rem;color: #aaa;}
.list2 li .money{position: absolute; right: 4%;top: 34%;color: #3f4857;}
.list2 li.minus i.round{background: #fb4748;}
.list2 li.minus .money , .list2 li.minus .money2{color: #fb4748 !important;}

.list2 li .jyrq{position: absolute; left: 53px;top: 10px;color: #646464;font-size: 1.4rem;}
.list2 li .jzrq{position: absolute; left: 53px;top: 32px;color: #646464;font-size: 1.4rem;}
.list2 li .method{position: absolute; right:10px;top: 10px;color: #646464;font-size: 1.4rem;}
.list2 li .money2{position: absolute; right:10px;top: 32px;color: #646464;font-size: 1.4rem;}

/* 帐单查询 */
.txt1{font-size: 1.4rem;padding: 3em 15px 1em;text-align: left;position: relative;background: #fff;}
.txt1 .fr{position: absolute;right: 5%;top: 1em;}

/* 弹框 */
.pop{display: none;background: #fff;border-radius: 10px;}
.pop_tit{text-align: center; padding: 8px 0 5px;border-bottom: 1px #ddd solid; font-weight: bold;color: #414a59;}
.pop_tit i{font-size: 22px;margin-right: 5px;}
.pop_cont{ padding: 20px;}
.pic_center{text-align: center;}
.pic_center img{margin: 0 auto 10px; width: 35%;}

/* 表单列表 */
.list3{ background: #fff;padding-left: 25px;}
.list3 li{padding: 0.5em 15px 0.5em 0; border-bottom: 1px #d1d1d1 solid;text-align: left;position: relative;color: #aaa;}
.list3 li a{text-decoration: none;}
.list3 label{height: 4rem;line-height: 4rem;}
.list3 .cont{width: 50%; height: 4rem;line-height: 4rem; position: absolute; right: 50px; top: 8px;text-align: right;color: #aaa;}
.list3 #toggle{ position: absolute; right: 20px; top: 8px;font-size: 4rem}

.list3 .fa-toggle-off{color: #ccc}
.list3 .fa-toggle-on{color: #8ecd4b;}

/* 选择组 */
.checkboxs{text-align: left; padding: 10px;}
.checkboxs label{width: 48%; padding: 10px; display: inline-block;text-align: left;}